<template>
    <van-tabbar v-model="active">
        <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/messages" icon="chat-o"  badge="3">消息</van-tabbar-item>
        <van-tabbar-item replace to="/goods" icon="shopping-cart-o" dot>购物车</van-tabbar-item>
        <van-tabbar-item replace to="/personal" icon="user-o">个人中心</van-tabbar-item>
    </van-tabbar> 
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const active = ref(0);
    return { active };
  },
};

</script>
